<template>
    <div class="Echat">
        <div>
            <span>机构</span>
            <el-select v-model="mechanism" clearable placeholder="全部">
                <el-option v-for="item in mechanismlist" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
        </div>
        <div>
            <span>医生团队</span>
            <el-select v-model="team" clearable placeholder="全部">
                <el-option v-for="item in teamlist" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
        </div>
        <div>
            <span>医生</span>
            <el-select v-model="doctor" clearable placeholder="全部">
                <el-option v-for="item in doctorlist" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
        </div>


    </div>
</template>
 
<script lang="ts">
import { defineComponent, onMounted } from "vue";
export default defineComponent({
    name: "Select",
    data: function () {

        return {
            mechanism: '',
            team: '',
            doctor: '',
            mechanismlist: [
                {
                    value: '1',
                    label: '罗西社区服务中心'
                }, {
                    value: '2',
                    label: '天明社区服务中心'
                }, {
                    value: '3',
                    label: '民进社区服务中心'
                }
            ],
            teamlist: [
                {
                    value: '4',
                    label: '罗西社区服务中心'
                }, {
                    value: '5',
                    label: '天明社区服务中心'
                }, {
                    value: '6',
                    label: '民进社区服务中心'
                }
            ],
            doctorlist: [
                {
                    value: '7',
                    label: '罗西社区服务中心'
                }, {
                    value: '8',
                    label: '天明社区服务中心'
                }, {
                    value: '9',
                    label: '民进社区服务中心'
                }
            ],

        }
    }

});
</script>
<style lang="less" scoped>
.Echat{
    display: flex;
}
.Echat>div {
    margin-left: 50px;
}
.Echat>div>span{
   margin-right: 15px;
   line-height: 36px;
}
</style>
    